/**********************1920**********************************/
@import url('style.css');
@import url('ext.css');

body .empty {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  min-height: 120px;
  font-size: 18px;
}

body .mr-10 {
  margin-right: 10px;
}

body .mr-20 {
  margin-right: 20px;
}

body .mr-30 {
  margin-right: 30px;
}

.play_area {
  position: relative;
  background: #222;
  width: 100%;
  height: calc(100% - 40px);
  overflow: hidden;
}
.collection_res {
  font-size: 50px;
  position: absolute;
  width: 250px;
  height: 70px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 0px;
  color: #222222;
  opacity: 1;
  left: 37%;
  top: 35%;
}
.resouce-center{
  font-size: 30px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 0px;
  color: #222222;
  opacity: 1;
  width: 650px;
  position: absolute;
  height: 42px;
  top: 45%;
  left: 20%;
}
.res-style{
  color: #3688E9 !important;
  cursor: pointer;
}
.refresh{
  width: 48px;
  height: 33px;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 0px;
  color: #3688E9;
  opacity: 1;
  top: 70%;
  left: 45%;
  position: absolute;
}
.collection_style{
  width: 64px;
  cursor:pointer;
  height: 22px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 0px;
  color: #222222;
  opacity: 1;
}

.m-center3 .play_area {
  width: 100%;
  height: calc(100% - 0px);
  margin-top: 0px;
}

.el-message-box__btns button:nth-child(2) {
  margin-left: 100px;
}

.play_area .course-player {
  width: 100%;
  height: 100%;
}

.play_area .course-iframe {
  width: 100%;
  height: 100%;
}

.el-cascader__tags {
  flex-wrap: nowrap;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.play_area img {
  width: auto;
}

.m-center44 .play_area {
  width: 100%;
  height: 100%;
  margin-top: 0px;
  text-align: center;
}

.scroll-area {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.open-play .m-left3 {
  width: 240px;
}

.wdsc .m-right3 {
  width: 220px;
  height: 100%;
  float: right;
  background: #FFFFFF;
  overflow-y: scroll;
  overflow-x: hidden;
}

.wdsc .m-right3 .tit {
  padding-left: 10px;
}

.wdsc .m-right3 ul li {
  padding-left: 10px;
}

/* .zyzx .m-right3 {
  width: 200px;
  height: 100%;
  float: right;
  background: #FFFFFF;
}
.zyzx .m-right3 ul li{
  padding-left: 10px;
} */
/**********************1366**********************************/
@media only screen and (max-width: 1440px) {

  html,
  body,
  a,
  abbr,
  acronym,
  address,
  applet,
  article,
  aside,
  audio,
  b,
  big,
  blockquote,
  body,
  canvas,
  caption,
  center,
  cite,
  code,
  dd,
  del,
  details,
  dfn,
  div,
  dl,
  dt,
  em,
  embed,
  fieldset,
  figcaption,
  figure,
  footer,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  header,
  hgroup,
  html,
  i,
  iframe,
  img,
  ins,
  kbd,
  label,
  legend,
  li,
  mark,
  menu,
  nav,
  object,
  ol,
  output,
  p,
  pre,
  q,
  ruby,
  s,
  samp,
  section,
  small,
  span,
  strike,
  strong,
  sub,
  summary,
  sup,
  table,
  tbody,
  td,
  tfoot,
  th,
  thead,
  time,
  tr,
  tt,
  u,
  ul,
  var,
  video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
  }
  iframe{
    /* height: 101vh; */
    margin: -8px;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
    display: block
  }

  html,
  body {
    line-height: 1;
    color: #333;
    font-family: PingFang SC, "Microsoft YaHei";
    background-color: #fff;
    margin: 0 auto;
    padding: 0;
  }

  input,
  textarea,
  keygen,
  select,
  button {
    font-family: PingFang SC, "Microsoft YaHei";
  }

  input[type=button],
  input[type=submit],
  input[type=file],
  button {

    cursor: pointer;
    outline: none;
    -webkit-appearance: none;

  }

  ol,
  ul {
    list-style: none
  }

  blockquote,
  q {
    quotes: none
  }

  blockquote:after,
  blockquote:before,
  q:after,
  q:before {
    content: '';
    content: none
  }

  table {
    border-collapse: collapse;
    border-spacing: 0
  }

  .none {
    display: none;
  }

  .fl {
    float: left;
  }

  .fr {
    float: right;
  }

  .clear {
    clear: both;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
  }

  A:link {
    text-decoration: none
  }

  A:visited {
    text-decoration: none
  }

  A:active {
    text-decoration: none
  }

  .mr20 {
    margin-right: 20px;
  }

  .mt30 {
    margin-top: 30px;
  }

  .mr40 {
    margin-right: 40px;
  }

  /****************************************************************/
  body .el-message-box {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    opacity: 1;
    border-radius: 30px;

    width: 506px;
  }


  body .el-message-box__header {
    height: 60px;
    background: #55E4C2;
    opacity: 1;
    border-radius: 20px 20px 0px 0px;
    padding-top: 0px;
    padding-bottom: 0;
    background: #55E4C2;
    line-height: 60px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #FFFFFF;
  }

  body .el-message-box__title {
    font-size: 22px;
    color: #FFFFFF;
    padding-left: 30px;
    line-height: 60px;
  }

  body .el-message-box__headerbtn {
    text-indent: 1000px;
    position: absolute;
    top: 20px;
    right: 25px;
    padding: 0;
    border: none;
    outline: 0;
    background: 0 0;
    font-size: 16px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: url(/static/img/close48.png) no-repeat center;
    background-size: 30px auto;
  }

  body .el-message-box__content {
    height: 60px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 40px;
    color: #222222;
    margin-bottom: 30px;
  }

  body .el-message-box__message p {
    margin: 0;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 30px;
    color: #222222;
  }

  body .el-button--primary.is-active,
  body .el-button--primary:active {
    background: #55E4C2;
    border-color: #55E4C2;
    color: #FFF;
  }

  body .el-button--primary:focus,
  body .el-button--primary:hover {
    background: #55E4C2;
    border-color: #55E4C2;
    color: #FFF;
  }

  body .el-button:active {
    color: #FFFFFF;
    border-color: #55E4C2;
    outline: 0;
  }

  body .el-button:focus,
  body .el-button:hover {
    color: #FFFFFF;
    border-color: #55E4C2;
    background-color: #55E4C2;
  }


  body .el-message-box__btns {
    padding: 5px 15px 0;
    text-align: center;
    margin: 10px;
  }

  body .v-modal {
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .1;
    background: #000;
  }

  .container {
    width: 100%;
    padding-bottom: 10px;
    display: inline-block;
    min-height: 100vh;
    background: url(/static/img/bg.png) no-repeat center;
    background-size: 100% 100%;
  }

  body .el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #FFF;
    border: 1px solid #DCDFE6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 6px 22px;
    height: 36px;
    background: #55E4C2;
    border-radius: 6px;
    font-size: 18px;
    color: #FFFFFF;
  }

  body .el-button--primary {
    width: 100px;
    background: #55E4C2;
    color: #FFF;
    background-color: #55E4C2;
    border: 0px;
  }

  body .el-buttonbody .el-button--info {
    color: #FFF;
    background-color: #a8f2e0;
    border-color: #a8f2e0;
  }

  body .el-radio__input.is-checked .el-radio__inner {
    border-color: #55E4C2;
    background: #55E4C2;
  }

  body .el-radio__inner {
    border: 1px solid #DCDFE6;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    background-color: #FFF;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body .el-radio__input.is-checked+.el-radio__label {
    color: #222222;
  }


  body .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: #55E4C2;
    background-color: #FFF;
  }

  body .el-select-dropdown__item.selected {
    color: #55E4C2;
    font-weight: 700;
  }

  body .el-select body .el-input.is-focus .el-input__inner {
    border-color: #55E4C2;
  }

  body .el-input__inner:focus {
    border-color: #55E4C2;
  }

  body .el-input__inner:hover {
    border-color: #55E4C2;
  }

  body .el-textarea__inner:hover {
    border-color: #55E4C2;
  }

  body .el-upload--picture-card {
    background-color: #fbfdff;
    border: 1px dashed #c0ccda;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 70px;
    height: 70px;
    line-height: 70px;
    vertical-align: top;
  }

  body .el-upload-list--picture-card .el-upload-list__item {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 70px;
    height: 70px;
    line-height: 70px;
    overflow: hidden;
    margin: 0 8px 8px 0;
    display: inline-block;
  }

  .page-area {
    text-align: right;
    margin: 15px 0px;
    display: inline-block;
    float: right;
  }

  .el-pagination {
    display: inline-block;
    padding: 0px;
  }

  .addTop {
    width: 100%;
    height: 62vh;
    margin-top: 80px;

  }

  .fl {
    float: left;
  }

  .fr {
    float: right;
  }

  .btn-home,
  .btn-last {
    display: inline-block;
    border: 0px;
    padding: 0 4px;
    font-size: 13px;
    min-width: 35.5px;
    height: 26px;
    line-height: 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: 0 5px;
    color: #606266;
    min-width: 30px;
    border-radius: 2px;
    background-color: #f4f4f5;
  }

  .el-pagination.is-background .el-pager li:not(.disabled).active {
    background: #55E4C2;
  }


  .m-center3 {
    width: 860px;
  }

  .main-center2 .main-left {
    height: 100%;
  }

  .notice-num {
    margin-right: 20px;
    float: left;
  }

  .notice-num img {
    margin-top: 15px;
    float: left;
  }

  .notice-num .el-badge__content.is-fixed {
    top: 12px;
  }

  .top-kc {
    padding: 0 20px;
    cursor: pointer;
    color: #FFFFFF;
  }

  /************************************************/
  .main-center {
    width: 1252px;
    min-height: 788px;
    margin: 10px auto;
    display: block;
  }

  .main-left {
    width: 1040px;
    height: calc(100vh - 50px);
    background: #FFFFFF;
    opacity: 1;
    border-radius: 6px;
    float: left;
  }

  .main-right {
    width: 200px;
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .w160 {
    width: 94px;
  }

  .addPad {
    padding: 51px 0;
  }

  .main-center2 {
    width: 1252px;
    height: auto;
    margin: 10px auto;
    display: block;
    padding-bottom: 20px;
  }

  .main-left2 {
    width: 1146px;
    background: #FFFFFF;
    border-radius: 6px;
    float: left;
  }

  .main-right2 {
    width: 94px;
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .con2 {
    padding: 30px 29px;
  }

  .main-right .con-menu {
    width: 200px;
    height: 66px;
    background: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 12px;
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
  }

  .main-right .con-menu2 {
    margin-bottom: 12px;
    width: 94px;
    height: 66px;
    background: #FFFFFF;
    cursor: pointer;
    border-radius: 10px;
  }

  .main-right .con-menu .menu-img {
    float: left;
    text-align: center;
    margin: 10px 0 5px 0;
  }

  .main-right .con-menu .menu-img img {
    height: 40px;
    width: 40px;
  }

  .main-right .con-menu .menu-item {
    font-size: 16px;
    margin: 20px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 37px;
    color: #222222;
    text-align: center;
  }


  .main-right .con-menu2 .menu-img {
    height: 24px;
    text-align: center;
    margin: 10px 0 5px 0;
  }

  .main-right .con-menu2 .menu-img img {
    height: 24px;
    width: 24px;
  }

  .main-right .con-menu2 .menu-item {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 22px;
    color: #222222;
    text-align: center;
    letter-spacing: 0px;
  }

  .bg_pic {

    width: 100%;

    height: 100%;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

  }


  .main-right .con-menu3 .menu-img {
    height: 48px;
    text-align: center;
    margin: 10px 0 5px 0;
  }

  .main-right .con-menu3 .menu-img img {
    height: 48px;
    width: 48px;
  }

  .main-right .con-menu3 .menu-item {
    font-size: 26px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 37px;
    color: #222222;
    text-align: center;
  }

  .main-right2 .con-menu {
    width: 200px;
    height: 66px;
    background: #FFFFFF;
    cursor: pointer;
    border-radius: 10px;
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .main-right2 .con-menu2 {
    margin-bottom: 12px;
    width: 94px;
    height: 66px;
    background: #FFFFFF;
    cursor: pointer;
    border-radius: 10px;
  }

  .main-right2 .con-menu .menu-img {
    height: 40px;
    float: left;
    text-align: center;
    margin: 10px 0 5px 0;
  }

  .main-right2 .con-menu .menu-img img {
    height: 40px;
    width: 40px;
  }

  .main-right2 .con-menu .menu-item {
    font-size: 16px;
    margin: 20px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 37px;
    color: #222222;
    text-align: center;
  }


  .main-right2 .con-menu2 .menu-img {
    height: 24px;
    text-align: center;
    margin: 10px 0 5px 0;
  }

  .main-right2 .con-menu2 .menu-img img {
    height: 24px;
    width: 24px;
  }

  .main-right2 .con-menu2 .menu-item {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 25px;
    color: #222222;
    text-align: center;
  }



  .main-right2 .con-menu3 .menu-img {
    height: 48px;
    text-align: center;
    margin: 10px 0 5px 0;
  }

  .main-right2 .con-menu3 .menu-img img {
    height: 48px;
    width: 48px;
  }

  .main-right2 .con-menu3 .menu-item {
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 37px;
    color: #222222;
    text-align: center;
  }

  .red {
    color: #FF0000;
  }

  .mt10 {
    margin-top: 10px;
  }
  .mt20 {
    margin-top: 20px;
  }

  .t-title {
    border-bottom: 1px solid #DDDDDD;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 66px;
    color: #222222;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 60px;
  }

  .bor-b {
    border-bottom: 1px solid #DDDDDD;
  }

  .bor-b6 {
    border-bottom: 4px solid #DDDDDD;
  }

  .conn {
    padding: 30px 120px;
  }

  .nav-menu {}

  .nav-menu li {
    height: 54px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 40px;
    color: #222222;
    float: left;
    margin-right: 128px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
  }

  .nav-menu li.cur {
    font-weight: bold;
    color: #222222;
  }

  .nav-menu li i {
    width: 60px;
    height: 10px;
    display: inline-block;
    background: none;
    margin-top: 4px;
  }

  .nav-menu li.cur i {
    background: linear-gradient(90deg, #55E4C2 0%, rgba(85, 228, 194, 0.2) 100%);
    opacity: 1;
    border-radius: 5px;
  }

  /******************/
  .form-area {
    width: 100%;
    margin-top: 30px;
  }

  .form-area li {
    width: 100%;
    clear: both;
    min-height: 56px;
    line-height: 56px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
  }

  .form-area .tit {
    width: 120px;
    float: left;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
  }

  .form-area .r-text {
    width: 300px;
    color: #777777;
    float: left;
  }


  .form-area .r-text .el-select {
    width: 300px;
  }


  div .mt0 {
    margin-top: 0px;
    padding-top: 0px;
  }

  .form-area {
    width: 100%;
  }

  .form-area .r-text .act {
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 60px;
    color: #55E4C2;
    cursor: pointer;
  }


  .myDig {
    position: fixed;
    z-index: 10;
    left: 50%;
    top: 50%;
    margin-left: -230px;
    margin-top: -160px;
    width: 460px;
    min-height: 320px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    opacity: 1;
    border-radius: 10px;
  }

  .myDig .title {
    text-align: center;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 100px;
    height: 100px;
    color: #222222;
    position: relative;
  }

  .myDig .title .closed {
    position: absolute;
    top: 24px;
    right: 24px;
    height: 23px;
    line-height: 53px;
    cursor: pointer;
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #222222;
  }

  .myDig .cont {
    padding: 20px 65px;
    text-align: center;
  }

  .myDig .cont li {
    min-height: 40px;
    position: relative;
  }

  .myDig .cont input {
    height: 50px;
    margin-bottom: 10px;
    padding-left: 15px;
    background: #FFFFFF;
    border: 1px solid #F5F5F5;
    font-size: 18px;
    border-radius: 25px;
  }

  .botact {
    display: flex;
    justify-content: space-between;
  }

  .myDig .send-code {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 0 10px;
    height: 40px;
    background: #55E4C2;
    opacity: 1;
    border-radius: 25px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
  }

  /***left****/
  .r-fix-menu {
    position: fixed;
    z-index: 10;
    right: 0px;
    top: 40%;
    width: 36px;
    height: 100px;
    background: #FFFFFF;
    opacity: 1;
    border-radius: 20px 0px 0px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 12px;
  }

  .r-fix-menu .sp {
    width: 10px;
    padding-right: 10px;
    display: block;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 22px;
    color: #222222;
    cursor: pointer;
  }


  .r-fix-menu2 {
    position: fixed;
    z-index: 10;
    right: 0px;
    top: 40%;
    width: 208px;
    height: 176px;
    background: #FFFFFF;
    border-radius: 20px 0px 0px 20px;
    text-align: center;
  }

  .r-fix-menu2 h3 {
    padding: 20px 0;
    height: 22px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 22px;
    color: #222222;
  }

  .r-fix-menu2 .download {
    width: 120px;
    height: 36px;
    background: #55E4C2;
    border-radius: 30px;
    display: block;
    margin: 30px auto;
    line-height: 36px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
  }

  .r-fix-menu2 p {
    height: 17px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 17px;
    color: #777777;
  }

  .filter {
    margin-top: 10px;
  }

  .filter dl {
    clear: both;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
  }

  .filter dt {
    height: 36px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 36px;
    color: #222222;
    float: left;
    text-align: right;
  }

  .filter dd {
    cursor: pointer;
    width: auto;
    display: inline-block;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 26px;
    color: #222222;
    float: left;
    padding: 0 10px;
    margin-top: 5px;
    margin-left: 10px;
    cursor: pointer;
  }

  .filter dd.cur {
    height: 26px;
    background: #55E4C2;
    border-radius: 6px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
  }

  .c-list {
    display: inline-block;
    width: 100%;
  }

  .c-list li {
    width: 208px;
    height: 172px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    float: left;
    margin-top: 20px;
    margin-right: 11px;
  }

  .courseCollect li {
    margin-right: 30px;
  }

  .c-list li .pic_area {
    width: 208px;
    height: 118px;
    background: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0);
    border-radius: 10px 10px 0px 0px;
  }

  .c-list li .pic_area img {
    width: 208px;
    height: 118px;
    background: rgba(0, 0, 0, 0);
  }

  .w1240 .c-list li:nth-child(5n) {
    margin-right: 0px;
  }

  .c-list li img {
    width: 208px;
    height: auto;
    max-height: none;
    background: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 10px 10px 0px 0px;
  }

  .c-list li p {
    padding: 5px 10px;
  }

  .c-list li .tit {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 22px;
    color: #222222;
  }

  .collect {
    background: url("/static/img/icon-collect.png") no-repeat left center;
    padding-left: 20px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 22px;
    cursor: pointer;
    color: #222222;
  }

  .collect.cur {
    background: url("/static/img/icon-collect2.png") no-repeat left center;
  }

  .viewnum {
    background: url("/static/img/icon-viewnum.png") no-repeat left center;
    padding-left: 15px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 17px;
    color: #777777;
  }

  .collectnum {
    background: url("/static/img/icon-collectnum.png") no-repeat left center;
    padding-left: 15px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 17px;
    color: #777777;
  }

  .type1 {
    background: url("/static/img/icon-1-type.png") no-repeat left center;
    padding-left: 15px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 17px;
    color: #777777;
  }

  .type2 {
    background: url("/static/img/icon-2-type.png") no-repeat left center;
    padding-left: 15px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 17px;
    color: #777777;
  }

  .type3 {
    background: url("/static/img/icon-1-type.png") no-repeat left center;
    padding-left: 15px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 17px;
    color: #777777;
  }


  .video-play-dig {
    width: 1440px;
    min-height: 680px;
    background: #FFFFFF;
    border: 0px solid #DDDDDD;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    opacity: 1;
    border-radius: 28px;
    margin: 0px auto;
    position: fixed;
    left: 0;
    top: 5%;
    overflow: hidden;
  }

  /*margin-left: -720px;*/
  /*margin-top: -450px;*/
  .video-play-dig .title {
    width: 100%;
    height: 60px;
    background: #55E4C2;
    border-radius: 28px 28px 0px 0px;
  }

  .video-play-dig .title {
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 60px;
    color: #FFFFFF;
  }

  .video-play-dig .title span {
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 60px;
    color: #FFFFFF;
    margin-left: 56px;
    margin-right: 70px;
  }

  .viewnum2 {
    background: url("/static/img/icon-viewnum2.png") no-repeat left center;
    padding-left: 15px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 17px;
    color: #FFFFFF;
  }

  .collectnum2 {
    background: url("/static/img/icon-collect22.png") no-repeat left center;
    padding-left: 15px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 17px;
    color: #FFFFFF;
  }


  .type-r {
    position: absolute;
    z-index: 10;
    right: -2px;
    top: 60px;
    background: rgba(255, 255, 255, 0.7);
    padding-left: 15px;
    width: 65px;
    height: 32px;
    border-radius: 0px 0px 0px 14px;
    font-size: 13px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 32px;
    color: #777777;
  }

  .video-play-dig .cont .type-r img {
    width: 12px;
    height: 12px;
  }

  .video-play-dig .title .closed {
    margin: 0px;
    position: absolute;
    top: 14px;
    right: 15px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #222222;
  }

  .video-play-dig .cont {
    width: 100%;
    min-height: 680px;
    background: rgba(0, 0, 0, 0);
    border-radius: 0px 0px 28px 28px;
  }

  .video-play-dig .cont .play_area {
    margin: 0px;
  }

  .act-area {}

  .act-area .huifu {
    background: url("/static/img/huifu.png") no-repeat left center;
    padding-left: 35px;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    color: #222222;
    margin-right: 42px;
  }

  .act-area .quxiao {
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    color: #222222;
    padding-left: 42px;
    border-left: 1px solid #DDDDDD;
  }

  .act-area .clearall {
    background: #55E4C2 url("/static/img/qingkong.png") no-repeat 20px 50%;
    padding-left: 40px;
    width: 130px;
    height: 36px;
    opacity: 1;
    border-radius: 8px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 36px;
    color: #FFFFFF;
  }

  .reslist {}

  .reslist .chk {
    width: 28px;
    height: 28px;
    margin-right: 20px;
    margin-top: -5px;
  }

  .reslist li {
    border-bottom: 1px solid #DDDDDD;
    line-height: 87px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    clear: both;
  }

  .reslist li .file {
    float: left;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    background: url("/static/img/file.png") no-repeat 0px 50%;
    padding-left: 45px;
  }

  .reslist li .date {
    float: right;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
  }

  .tip {
    background: #F5F5F5 url("/static/img/tip.png") no-repeat 10px 50%;
    padding-left: 40px;
    padding-right: 20px;
    height: 51px;
    line-height: 51px;
    display: inline-block;
    border-radius: 6px;
  }

  .reslist .el-checkbox__input.is-checked .el-checkbox__inner,
  .reslist .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background: #ffffff url("/static/img/checked.png") no-repeat;
    background-size: 20px auto;
    width: 20px;
    height: 20px;
    border-color: #ffffff;
  }

  .reslist .el-checkbox__inner::after {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    left: 4px;
    position: absolute;
    top: -11px;
  }

  .reslist .el-checkbox__inner {
    border: 1px solid #707070;
    border-radius: 14px;
    width: 20px;
    height: 20px;
  }

  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #55E4C2;
    border-color: #55E4C2;
  }

  .el-checkbox__inner:hover {
    border-color: #777777;
  }

  .form-add {
    margin-top: 10px;
  }

  .form-add dl {
    clear: both;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
  }

  .form-add dt {
    width: 120px;
    height: 36px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 36px;
    color: #222222;
    float: left;
    text-align: left;
  }

  .form-add dd {
    width: auto;
    display: inline-block;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 26px;
    color: #222222;
    float: left;
    padding: 0 10px;
    margin-left: 10px;
    cursor: pointer;
  }

  .filter dd.cur {
    height: 26px;
    background: #55E4C2;
    border-radius: 6px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
  }

  .tx-c {
    text-align: center;
  }

  .select-list {
    margin-top: 20px;
    display: inline-block;
    height: 500px;
  }

  .select-list li {
    position: relative;
    width: 140px;
    height: 120px;
    background: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 6px;
    float: left;
    margin-right: 14px;
    margin-bottom: 28px;
  }

  .select-list li:nth-child(6n) {
    margin-right: 0px;
  }

  .select-list .del {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    background: #CCCCCC url("/static/img/icon-close.png") no-repeat center center;
    border-radius: 50%;
    z-index: 11;
  }

  .select-list .pic {
    cursor: pointer;
    width: 140px;
    height: 82px;
    background: rgba(0, 0, 0, 0);
    border-radius: 6px;
  }

  .select-list .pic .pic_area {
    width: 140px;
    height: 82px;
    border-radius: 6px;
    position: relative;
  }

  /* .select-list .pic img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  } */

  .select-list .tit {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 38px;
    color: #777777;
    text-align: center;
  }


  .maskBg {
    background: rgba(0, 0, 0, .3);
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  .selectChapter {
    width: 1252px;
    height: 720px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    background: #FFFFFF;
    margin: 0px auto;
    position: fixed;
    z-index: 100;
    left: 50%;
    top: 50%;
    margin-left: -626px;
    margin-top: -360px;
    border-radius: 20px;
  }

  .selectChapter .title {
    width: 1252px;
    height: 65px;
    background: #55E4C2;
    opacity: 1;
    border-radius: 20px 20px 0px 0px;
  }

  .m-center3 .play_area {
    width: 856px;
    height: 760px;
    position: relative;
  }

  .play_area img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .item-radio {
    width: 856px;
    height: 760px;
    position: relative;
  }

  .item-Collectradio {
    width: 1032px;
    height: 760px;
    position: relative;
  }

  .item-Collectradio img {
    position: absolute;
    top: 15%;
    left: 34%;
  }

  .item-radio img {
    position: absolute;
    top: 15%;
    left: 30%;
  }

  .item-audio {
    outline: none;
    position: absolute;
    height: 20px;
    width: 80%;
    top: 80%;
    left: 50%;
    transform: translateX(-50%);

  }

  .item-lessRadio {
    width: 1012px;
    height: 740px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .item-lessRadio img {
    position: absolute;
    top: 15%;
    left: 30%;
  }

  .item-changeRadio {
    width: 856px;
    height: 760px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .item-changeRadio img {
    position: absolute;
    top: 15%;
    left: 30%;
  }

  .item-courseRadio {
    width: 1220px;
    height: 720px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .item-courseRadio img {
    position: absolute;
    top: 15%;
    left: 38%;
  }

  .item-swf {
    width: 850px;
    height: 478px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-52%, -50%);
  }

  .item-collectSwf {
    width: 1020px;
    height: 572px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-61%, -50%);

  }

  .item-classRadio {
    width: 1040px;
    height: 720px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
  }

  .item-classRadio img {
    position: absolute;
    top: 15%;
    left: 40%;
  }

  /* .item-viewRadio {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  } */

  .item-viewRadio img {
    position: absolute;
    top: 15%;
    left: 30%;
  }

  .item-viewAudio {
    outline: none;
    position: absolute;
    height: 30px;
    width: 80%;
    top: 94%;
    left: 50%;
    transform: translateX(-50%);
  }



  .item-lun img {
    position: absolute;
    top: 50%;
    left: 50%;
    /*   transform: translate(); */
  }

  .item-changeAudio {
    outline: none;
    position: absolute;
    height: 30px;
    width: 80%;
    top: 94%;
    left: 50%;
    transform: translateX(-50%);

  }

  .item-reference {
    margin-top: 12px;
    float: right;
    margin-right: 120px;
    width: 150px;
    height: 40px;
    border-radius: 6px;
    color: #55e4c2;
    font-size: 17px;
    line-height: 40px;
    font-weight: normal;
    text-align: center;
  //margin-right: 160px;
    background-color: #ffffff;
  }

  .selectChapter .title {
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 60px;
    color: #FFFFFF;
  }

  .selectChapter .title span {
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 60px;
    color: #FFFFFF;
    margin-left: 20px;
    margin-right: 70px;
  }


  .selectChapter .title .closed {
    margin: 0px;
    position: absolute;
    top: 15px;
    right: 40px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #222222;
  }

  .title .closed img {
    width: 22px;
  }

  .selectChapter .cont {
    width: 100%;
    height: 600px;
    background: rgba(0, 0, 0, 0);
    border-radius: 0px 0px 28px 28px;
  }


  .selectChapter-2 {
    width: 1252px;
    height: 910px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    background: #FFFFFF;
    margin: 0px auto;
    position: fixed;
    z-index: 100;
    left: 50%;
    top: 50%;
    margin-left: -626px;
    margin-top: -450px;
    border-radius: 20px;
  }

  .selectChapter-2 .cont {
    width: 100%;
    height: 760px;
    background: rgba(0, 0, 0, 0);
    border-radius: 0px 0px 28px 28px;
  }


  body .selectChapter-2 .cont .m-left2 {
    height: 760px;
  }

  .selectChapter-2 .baseAct {
    margin-top: 20px;
  }

  .selectChapter-2 .m-right2 .el-checkbox {
    padding: 0;
  }

  .selectChapter .cont .m-left {
    width: 240px;
    height: 100%;
    border-right: 1px solid #DDDDDD;
    overflow-x: hidden;
    overflow-y: auto;
    float: left;
  }

  .selectChapter .cont .m-left .tit {
    width: 240px;
    background: #F5F5F5 url("/static/img/uparrow.png") no-repeat 90% 50%;
    padding-left: 55px;
    line-height: 48px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #222222;
  }

  .selectChapter .cont .m-left li {
    width: 240px;
    height: 48px;
    background: #FFFFFF;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 48px;
    color: #222222;
    padding-left: 60px;
    cursor: pointer;
  }

  .selectChapter .cont .m-left li.cur {
    width: 240px;
    height: 48px;
    background: #F1FFFC;
    border-right: 6px solid #55E4C2;
  }

  .m-right {
    float: right;
    width: 1011px;
  }

  .sel-c {
    margin-top: 30px;
    height: 500px;
    display: inline-block;
  }

  .sel-c dl {
    clear: both;
    margin-bottom: 20px;
    display: inline-block;
  }

  .sel-c dt {
    height: 35px;
    float: left;
    min-width: 80px;
    padding-left: 30px;

    font-size: 18px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 35px;
    color: #222222;
  }

  .sel-c dd {
    float: left;
    font-size: 25px;
    width: 800px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #222222;
  }

  .sel-c dd a {
    cursor: pointer;
    font-size: 16px;

  }

  .sel-c dd a.cur {
    background: #55E4C2;
    opacity: 1;
    border-radius: 8px;
    color: #FFFFFF;
  }

  .m-right .botact {
    width: 300px;
    margin: 30px auto;
  }

  .botact .cancel {
    width: 100px;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #707070;
    opacity: 1;
    border-radius: 8px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #777777;
  }

  .botact .sure {
    width: 100px;
    height: 36px;
    background: #55E4C2;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    border-radius: 6px;
    border: 0;
  }

  .arrow-right {
    position: fixed;
    z-index: 10;
    top: 50%;
    left: 0;
    width: 40px;
    height: 100px;
    cursor: pointer;
    background: #F5F5F5 url("/static/img/arrow-right.png") no-repeat 0% 50%;
    background-size: 100% auto;
  }


  .m-left2 li.reference {
    background: #55E4C2;
    font-size: 17px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
  }

  .bhDig .arrow-ll {
    margin-right: -40px;
  }

  .bhDig {
    width: 870px;
    height: 736px;
    background: #FFFFFF;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.4);
    z-index: 1002;
    border-radius: 0px 20px 20px 0px;
    position: absolute;
    left: 0px;
    bottom: 0px;
  }

  .bhDig .form-add {
    padding: 30px 0 0 70px;
  }

  .bhDig .select-list {
    padding-left: 30px;
  }

  .selectChapter .cont .m-left2 {
    width: 1040px;
    height: 588px;
    background: #fff;
    opacity: 1;
    border-radius: 0px 0px 8px 8px;
    float: left;
  }

  .selectChapter .cont .m-right2 {
    width: 212px;
    height: 100%;
    background: #FFFFFF;
    float: right;
  }

  .m-right2 h3 {
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 35px;
    color: #222222;
    padding: 14px;
    text-align: center;
  }

  .m-right2 p {
    height: 46px;
    background: #55E4C2;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 46px;
    color: #FFFFFF;
  }

  .m-right2 ul li {
    width: 200px;
    background: #FFFFFF;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 46px;
    color: #222222;
    padding-left: 8px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .m-right2 .el-checkbox {
    padding-right: 10px;
  }

  .m-right2 ul li.cur {
    background: #d8f7f0 url(/static/img/radio-cur.png) 92% 50% no-repeat;
  }

  .share-all-play .m-left3 {
    width: 240px;
  }


  .m-left2 {}

  .m-left2 li.cur {
    background: #55E4C2;
    border: 1px solid #55E4C2;
    float: left;
  }

  .m-left2 li {
    width: 115px;
    height: 40px;
    line-height: 46px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    text-align: center;
    float: left;
    cursor: pointer;
  }

  .m-left2 li.fr {
    float: right;
  }

  .bor-r {
    border-right: 1px solid #DDDDDD;
  }

  .pic-list-fb {
    width: 70px;
    height: 70px;
    margin-right: 20px;
    float: left;
    border: 1px solid #d7d7d7;
  }

  .pic-list-fb img {
    width: 70px;
    height: 70px;
    overflow: hidden;
  }

  .pic-list-fb .del {
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -10px;
    right: -10px;
    background: url("/static/img/icon-close.png") no-repeat center center;
    background-size: 100% auto;
  }


  .baseAct {
    width: 100%;
    margin: 0px auto;
    text-align: center;
  }

  .baseAct .cancel {
    width: 88px;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #707070;
    opacity: 1;
    border-radius: 6px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #777777;
    margin-right: 69px;
  }

  .baseAct .sure {
    margin-right: 40px;
    margin-left: 40px;
    width: 88px;
    height: 38px;
    background: #55E4C2;
    border: 1px solid #55E4C2;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    border-radius: 6px;
    border: 0;
  }

  .title h3.cur {
    width: 180px;
    height: 65px;
    display: inline-block;
    background: #FFFFFF;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #55E4C2;
    opacity: 1;
    border-radius: 21px 21px 0px 0px;
    float: left;
  }

  .title h3 {
    width: 253px;
    text-align: center;
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    float: left;
  }

  .m-left3 {
    width: 180px;
    height: 100%;
    background: #FFFFFF;
    float: left;
  }

  .m-center3 {
    width: 792px;
    height: 588px;
    background: #222;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .m-center33 {
    width: 1032px;
    height: 588px;
    background: #222;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .m-center44 {
    width: 1012px;
    height: 740px;
    background: #DDDDDD;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .m-right3 {
    width: 210px;
    height: 100%;
    float: right;
    background: #FFFFFF;
  }

  /* .m-right3 .{
    width: 200px;
    height: 100%;
    float: right;
    background: #FFFFFF;
  }
 */

  .m-left3 .tit {
    height: 46px;
    padding-left: 55px;
    line-height: 48px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #222222;

    background: #F5F5F5 url(/static/img/uparrow1.png) no-repeat 90% 50%;
  }

  .m-left3 .tit.cur {
    background: #F5F5F5 url("/static/img/uparrow.png") no-repeat 90% 50%;
  }

  .m-left3 li {
    height: 46px;
    background: #FFFFFF;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 46px;
    color: #222222;
    padding-left: 66px;
  }

  .m-left3 li.cur {
    background: #F1FFFC;
    border-right: 6px solid #55E4C2;
  }


  .m-right3 h3 {
    font-size: 25px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 35px;
    color: #222222;
    padding: 14px;
    text-align: center;
  }

  .m-right3 p {
    height: 48px;
    background: #55E4C2;
    text-align: center;
    color: #FFFFFF;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 48px;
    color: #FFFFFF;
  }

  .m-right3 ul li {
    clear: both;
    height: 48px;
    background: #FFFFFF;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 48px;
    color: #222222;
    /* padding-left: 28px; */

    border-right: 6px solid #ffffff;
  }

  .m-right3 .el-checkbox {
    padding-right: 10px;
  }

  .m-right3 ul li.cur {
    background: #d8f7f0;
    border-right: 6px solid #55E4C2;
  ;
  }


  .m-right3 ul li .fr {
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 48px;
    margin-right: 10px;
    color: #777777;
  }

  .szy {
    padding: 20px;
  }

  .fh {
    width: 200px;
    height: 40px;
    background: #55E4C2;
    border-radius: 8px;
    text-align: center;
    line-height: 56px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 40px;
    color: #FFFFFF;
  }

  .fh img {
    margin-right: 5px;
    width: 18px;
  }



  .fi-search .space-tj {
    /* margin-right: -30px; */
  }

  .bkblist .main-left {
    height: 100%;
  }

  .szy li {
    width: 218px;
    height: 50px;
    background: #FFFFFF;
    padding-left: 0px;
    margin-top: 14px;
    line-height: 50px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
    overflow: hidden;
  }

  .szy li.cur,
  .szy li:hover {
    background: #F1FFFC;
    width: 220px;
  }

  .szy li .li-img {
    position: relative;
    width: 70px;
    height: 50px;
    background: #FFFFFF;
    border: 1px solid #707070;
    float: left;
    margin-right: 10px;
  }

  .szy li .li-img img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }


  .list-area {
    padding: 10px 60px;
  }

  .fi-search {
    padding: 0 30px;
  }

  .fi-search .search-inp {
    width: 223px;
    float: left;
    margin-left: 20px;
  }

  .fi-search .el-button {
    margin-left: -5px;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #DCDFE6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 30px;
    height: 36px;
    background: #55E4C2;
    color: #FFFFFF;
    line-height: 36px;
  }

  .file-list {
    clear: both;
    width: 1100px;
    /* margin-top: 20px; */
    display: inline-block;
    height: 470px;
    margin: 15px 0 0 32px;
  }

  .file-list li {
    width: 130px;
    height: 155px;
    float: left;
    margin-right: 12px;
    cursor: pointer;
    position: relative;
  }

  .file-list li.cur .sel_file {
    background: url("/static/img/sel_file.png") no-repeat 50% 50%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
  }

  .file-list li:nth-child(7n) {
    margin-right: 0px;
  }

  .file-list li img {
    width: 120px;
    height: auto;
  }

  .file-list li p {
    text-align: center;
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 28px;
    color: #222222;
  }



  .file-list li .pic_area {
    width: 130px;
    height: 73px;
    overflow: hidden;
    position: relative;
  }

  .file-list li .pic_area img {
    width: 130px;
    height: 73px;
  }


  .Myarea {
    position: absolute;
    bottom: 0px;
    width: 130px;
    height: 30px;
    background: rgba(0, 0, 0, 0.5);
    display: none;
  }

  .file-list li .Myarea img {
    position: absolute;
    width: 16px;
    height: 16px;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
  }


  .file-list li:hover .Myarea {
    display: block;
  }

  .group-r {
    position: absolute;
    right: -2px;
    top: 180px;
    width: 101px;
    height: 36px;
    line-height: 36px;
    padding-left: 35px;
    background: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 14px 0px 0px 14px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #222222;
    background: #F5F5F5 url("/static/img/group-1.png") no-repeat 10px 50%;
  }

  .upload-r {
    position: absolute;
    right: -2px;
    top: 240px;
    width: 101px;
    height: 36px;
    line-height: 36px;
    padding-left: 35px;
    background: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 14px 0px 0px 14px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #222222;
    background: #F5F5F5 url("/static/img/group-2.png") no-repeat 10px 50%;
  }

  .process {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 10%;
    height: 10px;
    background: #55E4C2;
    opacity: 1;
    border-radius: 14px;
  }

  .step {
    width: 223px;
    height: 10px;
    background: #F5F5F5;
    margin-top: 10px;
    border-radius: 14px;
    position: relative;
    overflow: hidden;
  }

  .uploadDig {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 647px;
    height: 548px;
    z-index: 1002;
    margin-top: -323px;
    margin-left: -274px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    border-radius: 20px;
  }

  .uploadDig .title {
    width: 647px;
    height: 60px;
    background: #55E4C2;
    padding-left: 50px;
    text-align: left;
    border-radius: 20px 20px 0px 0px;
  }

  .uploadDig .cont {
    padding: 20px 80px;
    text-align: center;
    height: auto;
  }

  .uploadDig .space-tj {
    text-align: left;
    margin-top: 30px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 31px;
    color: #AAAAAA;
  }

  .uploadDig .space-tj label {
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
  }

  .step {
    width: 100%;
    height: 10px;
    background: #F5F5F5;
    margin-top: 10px;
    border-radius: 14px;
    position: relative;
  }

  .uploadDig li {
    text-align: left;
  }

  .upfile {
    width: 135px;
    height: 37px;
    background: #AAAAAA url("/static/img/add.png") no-repeat 10px 50%;
    padding-left: 20px;
    border-radius: 6px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 37px;
    color: #FFFFFF;
    border: 0;
  }

  .uploadDig ul {
    height: 200px;
  }

  .width100 {
    width: 100%;
  }

  .width100 .cancel {
    margin-right: 10px;
  }

  .width100 .sure {
    margin-right: 10px;
  }

  .groupDig {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1040px;
    height: 670px;
    margin-top: -330px;
    margin-left: -520px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    border-radius: 20px;
  }

  .groupDig .title {
    width: 100%;
    height: 60px;
    background: #55E4C2;
    padding-left: 50px;
    text-align: left;
    border-radius: 20px 20px 0px 0px;
  }

  .groupDig .cont {
    padding: 20px 80px;
    text-align: center;
    height: auto;
  }

  .groupDig .new-group {
    width: 146px;
    height: 36px;
    background: #55E4C2 url("/static/img/add2.png") no-repeat 10px 50%;
    padding-left: 20px;
    background-size: 34px auto;
    opacity: 1;
    border-radius: 8px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 36px;
    color: #FFFFFF;
    cursor: pointer;
  }

  .groupDig .edit {
    margin-top: 17px;
    width: 84px;
    height: 36px;
    cursor: pointer;
    line-height: 36px;
    text-align: center;
    background: #55E4C2;
    opacity: 1;
    border-radius: 8px;
    float: left;
    font-size: 17px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
  }

  .groupDig .del {
    margin-top: 17px;
    width: 84px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #F6402B;
    cursor: pointer;
    border-radius: 8px;
    float: right;
    font-size: 17px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
  }

  .groupDig ul.grouplist {
    margin-top: 28px;
    margin-left: -80px;
    margin-right: -80px;
    height: 460px;
  }

  .groupDig .grouplist li {
    height: 60px;
    line-height: 60px;
    padding-left: 80px;
    padding-right: 80px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    text-align: left;
    background: #F8F8F8;
    color: #222222;
  }

  .groupDig .grouplist li:nth-child(2n) {
    background: #FFFFFF;
  }

  .groupDig .grouplist li a {
    height: 60px;
    line-height: 60px;
    width: 670px;
    color: #222222;
    float: left
  }

  .groupDig .grouplist li {
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    text-align: left;
    color: #222222;
  }

  .newGroupDig {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -323px;
    margin-left: -250px;
    width: 647px;
    height: 506px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    opacity: 1;
    border-radius: 20px;
  }

  .newGroupDig .title {
    width: 100%;
    height: 60px;
    background: #55E4C2;
    padding-left: 50px;
    text-align: left;
    border-radius: 20px 20px 0px 0px;
  }

  .newGroupDig .cont {
    padding: 20px 50px;
    height: 300px;
  }

  .newGroupDig .cont .bt {
    height: 42px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 42px;
    color: #222222;
  }

  .newGroupDig .cont li {
    margin-top: 30px;
  }


  .nav-tit {}

  .nav-tit .mleft {
    width: 400px;
    float: left;
  }

  .nav-tit .mleft h1 {
    font-size: 22px;
    margin-bottom: 10px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 42px;
    color: #222222;
  }

  .nav-tit .mleft p {
    font-size: 17px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 24px;
    color: #777777;
  }

  .nav-tit .mright {
    float: right;
    position: relative;
  }

  .nav-tit .mright img {
    width: 24px;
    margin-right: 42px;
    float: left;
  }

  .nav-tit .mright .m-txt {
    width: 500px;
  }

  .nav-tit .mright .ttp {
    z-index: 100;
    position: absolute;
    left: -40px;
    top: 20px;
    width: 225px;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    opacity: 1;
    border-radius: 6px;
  }

  .nav-tit .mright .ttp p {
    width: 225px;
    height: 42px;
    background: #FFFFFF;
    padding-left: 22px;
    line-height: 42px;
    font-size: 14px;
    border-radius: 6px 6px 0px 0px;
    cursor: pointer;
  }

  .nav-tit .mright .ttp p.cur {
    width: 225px;
    height: 42px;
    background: #F1FFFC url("/static/img/selok.png") no-repeat 90% 50%;
    padding-left: 20px;
    background-size: 18px auto;
    opacity: 1;
    border-radius: 6px 6px 0px 0px;
  }

  .nav-tit .mright .el-button {
    margin-left: -5px;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #DCDFE6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    padding: 0px 10px;
    height: 37px;
    background: #55E4C2;
    color: #FFFFFF;
    line-height: 37px;
  }


  .bkb-list {
    margin-top: 20px;
  }

  .bkb-list li {
    position: relative;
    width: 220px;
    height: 222px;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    opacity: 1;
    border-radius: 8px;
    float: left;
    margin-right: 17px;
    margin-bottom: 28px;
    overflow: hidden;
  }

  .bkb-list li .pic {
    width: 220px;
    height: 124px;
    background: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 8px 8px 0px 0px;
  }

  .bkb-list li p {
    padding: 2px 14px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 24px;
    color: #222222;
  }

  .bkb-list li p .tit {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 31px;
    color: #222222;
  }


  .step_task {
    position: fixed;
    z-index: 10;
    right: 27px;
    bottom: 0;
    width: 230px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 14px 14px 0px 0px;
    padding: 5px 15px;
  }

  .step_task .do {
    height: 10px;
    text-align: center;
    margin-bottom: 10px;
  }

  .step_task ul li {}

  .step_task ul li {
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 33px;
    color: #222222;
  }

  .step_task ul li.loading {
    background: url("/static/img/loading.png") no-repeat 10px 50%;
    padding-left: 30px;
    background-size: 17px auto;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
  }

  .step_task ul li.ok {
    background: url("/static/img/ok.png") no-repeat 10px 50%;
    padding-left: 30px;
    background-size: 17px auto;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #1CC837;
  }


  .bkb-list-gr {
    margin-bottom: 40px;
  }

  .bkb-list-gr li {
    clear: both;
    margin-top: 14px;
    display: inline-block;
    width: 100%;
  }

  .bkb-list-gr .pic {
    width: 160px;
    height: 110px;
    background: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 8px;
    float: left;
  }

  .bkb-list-gr .txt {
    width: 800px;
    height: 110px;
    background: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 8px;
    float: right;
    margin-left: 20px;
  }

  .bkb-list-gr .txt .date {
    font-size: 12px;
    font-family: PingFang SC;
    color: #777777;
  }

  .bkb-list-gr .txt p {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 28px;
    color: #222222;
    margin-bottom: 8px;
  }

  .bkb-list-gr .txt .tit {
    cursor: pointer;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 42px;
    color: #222222;
  }

  .bkb-list-gr .txt .txt-l {
    width: 200px;
    float: left;
  }

  .bkb-list-gr .txt .txt-r {
    text-align: right;
    float: right;
  }


  .bkb-list-gr .txt .top {
    background: url("/static/img/t-top.png") no-repeat 0px 50%;
    padding-left: 30px;
    background-size: 17px auto;
  }

  .bkb-list-gr .txt .edit {
    background: url("/static/img/t-edit.png") no-repeat 0px 50%;
    padding-left: 30px;
    background-size: 17px auto;
  }

  .bkb-list-gr .txt .download {
    background: url("/static/img/t-download.png") no-repeat 0px 50%;
    padding-left: 30px;
    background-size: 17px auto;
  }

  .bkb-list-gr .txt .delete {
    background: url("/static/img/t-delete.png") no-repeat 0px 50%;
    padding-left: 30px;
    background-size: 17px auto;
  }

  .bkb-list-gr .txt .share {
    background: url("/static/img/t-share.png") no-repeat 0px 50%;
    padding-left: 30px;
    background-size: 17px auto;
  }

  .commDig {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -323px;
    margin-left: -250px;

    width: 647px;
    height: auto;
    padding-bottom: 30px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    opacity: 1;
    border-radius: 20px;
  }

  .commDig .title {
    width: 100%;
    height: 60px;
    background: #55E4C2;
    padding-left: 50px;
    text-align: left;
    border-radius: 20px 20px 0px 0px;
  }

  .commDig .cont {
    padding: 20px 50px;
    height: 300px;
  }

  .commDig .title {
    text-align: left;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 60px;
    height: 60px;
    color: #ffffff;
    position: relative;
  }

  .commDig .title .closed {
    position: absolute;
    top: 14px;
    right: 24px;
    height: 23px;
    line-height: 23px;
    cursor: pointer;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #222222;
  }

  body .commDig .cont {
    padding: 20px 30px;
    height: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .tip-warn {
    background: url("/static/img/tip-warn.png") no-repeat 0px 50%;
    padding-left: 60px;
    background-size: 50px auto;
    font-size: 39px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 56px;
    color: #222222;
  }

  .commDig .cont .tit {
    text-align: left;
    width: 100%;
    height: 42px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 42px;
    color: #222222;
  }

  .commDig .cont p {
    width: 100%;
  }


  .selectDig {
    width: 1320px;
    height: 850px;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.5);

    position: relative;
    border-radius: 28px;
    position: fixed;
    z-index: 10;
    left: 50%;
    top: 50%;
    margin-left: -660px;
    margin-top: -400px;
  }

  .selectDig .title {
    height: 60px;
    background: #55E4C2;
    opacity: 1;
    border-radius: 20px 20px 0px 0px;
    background: #55E4C2;
    opacity: 1;
  }

  .selectDig .title {
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 60px;
    color: #FFFFFF;
  }

  .selectDig .title span {
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 60px;
    color: #FFFFFF;
    margin-left: 56px;
    margin-right: 70px;
  }


  .selectDig .title .closed {
    margin: 0px;
    position: absolute;
    top: 15px;
    right: 56px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #222222;
  }

  .selectDig .title .closed img {
    width: 30px;
  }

  .selectDig .cont {
    width: 100%;
    padding: 5px 40px;
    height: 846px;
    background: rgba(0, 0, 0, 0);
    border-radius: 0px 0px 28px 28px;
  }

  .test-con-list .el-checkbox,
  .test-con-list .el-checkbox__input {
    word-break: break-all;
    white-space: pre-wrap;
  }

  .kc-list {
    display: inline-block;
    width: 100%;
    margin-right: -30px;
    min-height: 610px;
    padding-bottom: 10px;
    overflow-y: auto;
  }

  .kc-list li {
    width: 160px;
    height: 258px;
    background: #FFFFFF;

    border-radius: 6px;
    float: left;
    margin-top: 20px;
    margin-right: 17px;
    text-align: center;
  }

  .kc-list li:nth-child(7n) {
    margin-right: 0px;
  }

  .kc-list li .pic_area {
    width: 100%;
    height: 208px;
    overflow: hidden;
  }

  .kc-list li img {
    width: auto;
    height: 238px;
  }

  .kc-list li p {
    padding: 5px 10px;
  }

  .kc-list li .tit {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 22px;
    color: #222222;
  }

  .full-dig {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
  }

  .full-dig .cont {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .full-dig .cont img {
    width: 100%;
    height: 100%;
  }

  .arrow-r {
    position: absolute;
    top: 30px;
    left: 0;
    width: 40px;
    height: 100px;
    cursor: pointer;
    background: #F5F5F5 url("/static/img/arrow-right.png") no-repeat 0% 50%;
    background-size: 100% auto;
  }

  .arrow-l {
    position: absolute;
    top: 50%;
    right: 0;
    width: 40px;
    height: 100px;
    cursor: pointer;
    background: #F5F5F5 url("/static/img/arrow-left.png") no-repeat 0% 50%;
    background-size: 100% auto;
  }

  .arrow-ll {
    position: absolute;
    top: 50%;
    right: 0;
    width: 40px;
    height: 100px;
    cursor: pointer;
    background: #F5F5F5 url("/static/img/arrow-left1.png") no-repeat 0% 50%;
    background-size: 100% auto;
  }

  .page-count {
    position: fixed;
    z-index: 10;
    bottom: 40px;
    right: 84px;
    width: 169px;
    height: 60px;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
    opacity: 1;
    border-radius: 14px;
    font-size: 42px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 60px;
    color: #55E4C2;
    text-align: center;
  }

  .full-dig {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
  }

  .full-dig .cont2 {
    width: calc(100% - 70px);
    height: 100%;
    position: relative;
  }

  .full-dig .cont2 img {
    width: 100%;
    height: 100%;
  }

  .full-dig .optArea {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    position: fixed;
    z-index: 10;
    right: 0;
    top: 0;
    width: 70px;
    height: 100%;
    background: #FFFFFF;
    padding: 48px 0;
  }

  .full-dig .optArea span {
    text-align: center;
  }

  .full-dig .optArea span {
    text-align: center;
    cursor: pointer;
  }

  .optMenu {
    padding-left: 28px;
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 220px;
    background: #FFFFFF;
  }

  .optMenu .arrow-l {
    position: absolute;
    margin-right: -40px;
    top: 30px;
  }


  div.ykt-dig{ width: 1310px; margin-left: -655px;}

  .bt-tit {
    margin-top: 40px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 31px;
    color: #222222;
  }

  .optMenu p {
    font-size: 17px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 34px;
    color: #777777;
  }

  .type-name {
    line-height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 42px;
    color: #222222;
  }

  .type-name span {
    margin: 0 20px;
    margin-right: 5px;
  }

  .type-name .kq-typ1 {
    width: 42px;
    height: 42px;
    background: #55E4C2;
    border-radius: 50%;
    display: inline-block;
  }

  .type-name .kq-typ2 {
    width: 42px;
    height: 42px;
    background: #F65151;
    border-radius: 50%;
    display: inline-block;
  }

  .type-name .kq-typ3 {
    width: 42px;
    height: 42px;
    background: #777777;
    border-radius: 50%;
    display: inline-block;
  }

  .namelist {
    margin-top: 20px;
    height: 250px;
  }

  .namelist a {
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 42px;
    color: #55E4C2;
    margin-right: 20px;
    padding-bottom: 20px;
    display: inline-block;
  }

  .namelist a.tag1 {
    color: #55E4C2;
  }

  .namelist a.tag2 {
    color: #F65151;
  }

  .namelist a.tag3 {
    color: #777777;
  }

  .commDig .num-all {
    height: 42px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 42px;
    color: #222222;
    padding: 40px;
  }

  .commDig .name {
    padding: 40px;
    font-size: 56px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 79px;
    color: #222222;
  }

  .commDig .cq {
    margin: 14px;
    border: 0;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    width: 108px;
    height: 51px;
    background: #55E4C2;
    opacity: 1;
    border-radius: 8px;
  }

  .commDig .qq {
    margin: 14px;
    border: 0;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    width: 108px;
    height: 51px;
    background: #F65151;
    opacity: 1;
    border-radius: 8px;
  }

  .left_arr {
    width: 84px;
    height: 60px;
    background: #FFFFFF url("/static/img/left_arr.png") no-repeat 0% 50%;
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: 250px;
  }

  .right_arr {
    width: 84px;
    height: 60px;
    background: #FFFFFF url("/static/img/right_arr.png") no-repeat 0% 50%;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 250px;
  }

  .xsmd {
    width: 141px;
    height: 48px;
    background: #55E4C2;
    opacity: 1;
    border-radius: 8px 0px 0px 8px;
    position: absolute;
    right: -1px;
    top: 60px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 48px;
    color: #FFFFFF;
  }

  .yjqq {
    width: 141px;
    height: 48px;
    background: #F65151;
    opacity: 1;
    border-radius: 8px 0px 0px 8px;
    position: absolute;
    right: -1px;
    top: 120px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 48px;
    color: #FFFFFF;
  }

  .dm-area {
    width: 876px;
    height: 647px;
    margin-left: -438px;
  }

  .chouda {
    width: 647px;
    height: 528px;
    margin-left: -323px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    opacity: 1;
    border-radius: 20px;
  }

  .width100 .ml0 {
    margin-left: 0px;
  }

  .stuname {
    padding-top: 40px;
    font-size: 56px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 59px;
    color: #222222;
    margin:  40px 0;
  }

  .full-dig .cont img.go-cd {
    width: 304px;
    margin-top: 30px;
  }


  .time-area {
    width: 478px;
    height: 455px;
    margin-left: -239px;
    background: #FFFFFF;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.4);
    border-radius: 28px;
  }


  .tit-mode {
    width: 188px;
    height: 39px;
    background: #FFFFFF;
    border: 1px solid #AAAAAA;
    margin: 10px auto;
    border-radius: 8px;
  }

  .tit-mode li.cur {
    width: 93px;
    height: 39px;
    background: #55E4C2;
    border: 1px solid #55E4C2;
    opacity: 1;
    border-radius: 8px 0px 0px 8px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
  }

  .tit-mode li {
    float: left;
    width: 93px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    border-radius: 8px 0px 0px 8px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
  }

  .time-area .closed {
    position: absolute;
    top: 20px;
    right: 40px;
  }

{
  width: 141px;
  height: 51px;
  background: #FFFFFF;
  border: 1px solid #707070;
  opacity: 1;
  border-radius: 8px;
}

  .base_color {
    color: #55E4C2;
  }

  .act-do {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 46px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  }

  .act-do .s_pic {
    margin-left: 20px;
    margin-top: 10px;
    cursor: pointer;
  }


  .act-do .tip-a i {}

  .act-do .tip-a {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 76px;
    height: 60px;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
    opacity: 1;
    border-radius: 8px;
  }

  .btn-area {}

  .nav-tit .mright .btn-area .el-button {
    width: 101px;
    float: left;
    margin-left: 15px;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    opacity: 1;
    border-radius: 8px;
    font-size: 17px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
  }


  .stu-list {
    margin-top: 20px;
    margin-left: -29px;
    margin-right: -29px;
  }

  .stu-list table {
    border: 0px;
    width: 1146px;
  }

  .ml100 {
    padding-left: 50px;
  }

  .stu-list th {
    text-align: center;
    height: 60px;
    line-height: 60px;
    border: 0;
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
    background: #EEEEEE;
  }

  .stu-list td {
    height: 60px;
    text-align: center;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 60px;
    color: #222222;
  }

  .stu-list tr:nth-child(2n+1) {
    background: #F8F8F8;
  }

  .stu-list .edit {
    margin-top: 15px;
    width: 84px;
    height: 36px;
    line-height: 36px;
    background: #55E4C2;
    opacity: 1;
    border-radius: 8px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    margin: 0 10px;
  }

  .stu-list .del {
    width: 60px;
    height: 36px;
    margin-top: 15px;
    line-height: 36px;
    background: #F6402B;
    opacity: 1;
    border-radius: 6px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    margin: 0 10px;
  }

  .w132 {
    width: 132px;
  }

  .w1611 {
    width: 1611px;
  }

  .addStuDig {
    width: 649px;
    margin-left: -324px;
  }

  .form-area {
    width: 100%;
    margin-top: 30px;
  }

  .form-area li {
    width: 100%;
    clear: both;
    min-height: 56px;
    line-height: 56px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
  }

  .form-area .tit-t {
    width: 120px;
    float: left;
    text-align: right;
    padding-right: 20px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
  }

  .addStuDig .form-area .r-text {
    width: 405px;
    text-align: left;
    color: #777777;
    float: left;
  }

  .addStuDig .form-area li {
    margin-top: 10px;
  }

  .addStuDig .form-area .el-input__inner {
    height: 36px;
    line-height: 36px;
  }

  .my-c-list {
    display: inline-block;
    width: 100%;
  }

  .my-c-list li {
    position: relative;
    width: 220px;
    height: 242px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    opacity: 1;
    border-radius: 14px;
    background: #FFFFFF;
    float: left;
    margin-top: 20px;
    margin-right: 17px;
  }

  .my-c-list li:nth-child(5n) {
    margin-right: 0px;
  }

  .my-c-list li:nth-child(4n) {
    margin-right: 17px;
  }

  .my-c-list li .pic_area {
    cursor: pointer;
    width: 220px;
    height: 154px;
    background: rgba(0, 0, 0, 0);
    overflow: hidden;
    border-radius: 14px 14px 0px 0px;
  }

  .my-c-list li img {
    width: 220px;
    height: 154px;
  }


  .my-c-list li .jk {
    position: absolute;
    width: 43px;
    height: 20px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
    border-radius: 4px;
    right: 6px;
    top: 114px;
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 20px;
    color: #FFFFFF;
    width: 43px;
    height: 20px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
  }

  .my-c-list li p {
    padding: 4px 10px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #777777;
  }

  .my-c-list li .tit {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 25px;
    color: #222222;
  }

  .my-c-list li .tit .name {
    width: 65%;
  }

  .r-xcx {
    position: fixed;
    z-index: 10;
    right: 0px;
    top: 50%;
    width: 60px;
    height: 148px;
    background: #FFFFFF;
    opacity: 1;
    border-radius: 10px 0px 0px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 12px;
  }

  .r-xcx .sp {
    width: 10px;
    padding-right: 10px;
    display: block;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 22px;
    color: #222222;
    cursor: pointer;
  }

  .mt50 {
    margin-top: 50px;
  }

  .train-con {
    width: 100%;
    margin: 0 auto;
  }


  .t-tit h3 {
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 42px;
    color: #222222;
    float: left;
  }

  .price {
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #F62B2B;
  }

  .train-con-list {
    width: 1252px;
    border-radius: 5px;
    margin-top: 20px;
    padding: 40px;
    padding-bottom: 10px;
    display: inline-block;
    height: auto;
    background: #FFFFFF;
  }

  .t-tit .arrow-rr {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 42px;
    color: #222222;
    float: right;
    background: url("/static/img/arrow-rr.png") no-repeat 100% 50%;
    padding-right: 20px;
    background-size: 13px auto;

    font-family: PingFang SC;
    font-weight: 400;
    color: #777777;
  }

  .container2 {
    width: 100%;
    height: 100%;
    min-height: 900px;
    background: url(/static/img/bg.png) no-repeat center;
    background-size: 100% 100%;
  }

  .baom {

    width: 60px;
    height: 24px;
    background: #FFFFFF;
    border: 1px solid #55E4C2;
    border-radius: 6px;
    text-align: center;
    margin-top: -8px;
    background: #FFFFFF;
    border: 1px solid #55E4C2;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 24px;
    color: #55E4C2;
  }

  .baom.cur {
    text-align: center;
    margin-top: -8px;
    width: 60px;
    height: 24px;
    background: #DDDDDD;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 24px;
    border: 1px solid #DDDDDD;
    color: #FFFFFF;
  }


  .train-con .banner {
    width: 828px;
    height: 356px;
    background: rgba(0, 0, 0, 0);
    opacity: 1;
    border-radius: 28px;
    float: left;
    overflow: hidden;
  }

  .train-con .train-gg {
    width: 412px;
    height: 356px;
    float: right;
    background: #FFFFFF;
    opacity: 1;
    border-radius: 28px;
    overflow: hidden;
  }

  .banner .el-carousel__container {
    width: 828px;
    height: 356px;
  }

  .el-carousel__item h3 {
    color: #475669;
    font-size: 18px;
    opacity: 0.75;
    line-height: 300px;
    margin: 0;
  }

  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }

  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }

  .el-carousel__indicators--outside {
    z-index: 100;
    position: relative;
    left: 0;
    bottom: 40px;
  }

  .el-carousel__indicator--horizontal.is-active {
    display: inline-block;
    padding: 12px 4px;
  }

  .banner .el-carousel__indicators--outside button {
    background-color: #FFFFFF;
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    border-radius: 5px;
  }

  .banner .el-carousel__indicator--horizontal.is-active button {
    background-color: #FFFFFF;
    width: 30px;
    height: 10px;
    background: #FFFFFF;
    border-radius: 5px;
  }

  .train-gg {
    padding: 22px;
  }

  .train-gg .t-tit {
    display: inline-block;
    width: 100%;
  }

  .gglist {
    clear: both;
    margin-top: 15px;
  }

  .gglist li {
    clear: both;
    margin-top: 15px;
  }

  .gglist li h3 {
    font-weight: 400;
    line-height: 35px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 25px;
    color: #222222;
  }

  .gglist li p {
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 30px;
    color: #777777;
  }


  .study-c-list {
    width: 100%;
    clear: both;
  }

  .study-c-list li {
    width: 100%;
    clear: both;
    display: inline-block;
    border-bottom: 1px solid #F5F5F5;
    padding: 28px 0;
  }

  .study-c-list li .pic {
    width: 160px;
    height: 116px;
    background: rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
    border-radius: 14px;
    float: left;
  }

  .study-c-list li .name {
    padding: 0 27px;
    width: 347px;
    display: flex;
    justify-content: left;
    align-items: center;

    height: 163px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 42px;
    color: #222222;
    float: left;
  }

  .study-c-list li .step-pro {
    width: 500px;
    height: 163px;
    float: left;
    display: flex;
    justify-content: left;
    align-items: center;
  }

  .study-c-list li .act-f {
    float: right;
  }

  .study-c-list li .step {
    width: 85%;
    margin-right: 10px;
  }

  .study-c-list li .act-f {
    width: 96px;
    height: 163px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .study-c-list li .act-f .act {
    width: 96px;
    margin: 5px 0;
    height: 42px;
    background: #55E4C2;
    display: inline-block;
    line-height: 42px;
    text-align: center;
    color: #FFFFFF;
    border-radius: 8px;
  }




  .r-xcx2 {
    position: fixed;
    z-index: 10;
    right: 0px;
    top: 50%;
    opacity: 1;
    text-align: center;
    width: 114px;
    height: 188px;
    display: inline-block;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    opacity: 1;
    border-radius: 10px 0px 0px 10px;

  }

  .r-xcx2 h3 {
    padding: 30px 0;
    height: 22px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 22px;
    color: #222222;
  }

  .r-xcx2 img {
    width: 90px;
  }

  .r-xcx2 .download {
    width: 90px;
    background: #55E4C2;
    border-radius: 30px;
    display: block;
    margin: 30px auto;
    line-height: 36px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
  }

  .r-xcx2 p {
    height: 17px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 17px;
    color: #777777;
  }

  .study-c-info {
    margin-top: 30px;
    clear: both;
    /* border-bottom: 6px solid  #F5F5F5; */
    display: inline-block;
    width: 100%;
    padding-bottom: 28px;
  }

  .study-c-info .pic {
    width: 220px;
    height: 160px;
    background: rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
    opacity: 1;
    border-radius: 14px;
    float: left;
  }

  .study-c-info .info-txt {
    float: right;
    width: 920px;
  }

  .study-c-info .info-txt h3 {
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 42px;
    color: #222222;
  }

  .study-c-info .info-txt p {
    margin-top: 22px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #777777;
  }

  .study-c-info .info-txt .price {
    font-size: 28px;
    font-family: PingFang SC;
    line-height: 65px;
    font-weight: bold;
    color: #F62B2B;
  }

  .study-c-info .info-txt .price b {
    font-size: 18px;
  }

  .study-c-info .info-txt .m-act {
    margin-top: 30px;
  }

  .study-c-info .info-txt .baom {
    width: 120px;
    height: 46px;
    border-radius: 6px;
    background: #55E4C2;
    line-height: 46px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
  }

  .train-list {
    height: auto;
    clear: both;
    width: 100%;
  }

  .train-list li {
    height: 42px;
    line-height: 72px;
    clear: both;
    width: 100%;
    font-size: 25px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
  }

  .train-list .pic {
    cursor: pointer;
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 30px;
    margin-top: 18px;
  }

  .train-list .fl-name {
    float: left;
    width: 400px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
  }

  .train-list .fl-time {
    float: left;
    width: 200px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #777777;
  }

  .train-list .fl-file {
    color: #55E4C2;
    float: right;
    width: 100px;
    text-align: right;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #55E4C2;
  }

  .mulu {
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 46px;
    color: #222222;
    padding: 20px 0;
  }

  .train-con-list .t-tit h3 {
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #222222;
    float: left;
  }


  .train-con-study {
    border-bottom: 4px solid #F5F5F5;
    height: 80px;
    line-height: 40px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
  }

  .train-con-study .step {
    width: 90%;
    height: 16px;
    background: #F5F5F5;
    margin-top: 10px;
    border-radius: 14px;
    position: relative;
  }

  .train-con-study .process {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 10%;
    height: 16px;
    background: #55E4C2;
    opacity: 1;
    border-radius: 14px;
  }

  .mulu .more {
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 75px;
    color: #777777;
  }


  .ykt-dig .cont {
    background: #F5F5F5;
  }

  .pay-list {
    height: 200px;
    border-bottom: 4px solid #F5F5F5;
  }

  .pay-list li {
    cursor: pointer;
    width: 220px;
    height: 80px;
    background: #FFFFFF;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
    opacity: 1;
    border-radius: 14px;
    float: left;
    margin-right: 28px;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
  }

  .pay-list li.cur {
    background: #e0f7fd;

  }

  .pay-list li .pic {
    height: 54px;
    margin-right: 20px;
  }

  .mt90 {
    clear: both;
    height: 90px;
  }

  .pay-detail {
    margin-top: 60px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 56px;
    color: #222222;
    display: flex;
    align-items: end;
  }

  .pay-detail .price {
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 56px;
    color: #F62B2B;
  }

  .pay-detail .price b {
    font-size: 18px;
    font-weight: normal;
  }

  .pay-area {
    margin-left: -410px;
    width: 820px;
    height: 640px;
    background: #FFFFFF;
    border-radius: 20px;
  }


  .msg-area {
    width: 500px;
    margin-left: -250px;
  }

  body .container .msg-area .cont {
    text-align: left;
    line-height: 30px;
  }

  .train-play-main {
    width: 1252px;
    height: 798px;
    border-radius: 6px;
    display: inline-block;
    background: #FFFFFF;
  }

  .train-play-main .t-tit {
    padding: 28px;
  }

  .fanhui {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 200px;
    height: 40px;
    background: #55E4C2;
    opacity: 1;
    border-radius: 8px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
  }

  .t-tit .bt {
    text-align: center;
    width: 960px;
    display: inline-block;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 42px;
    color: #222222;
  }


  .selectChapter-2 .m-center3 {
    height: 760px;
    width: 856px;
  }

  .selectChapter-2 .m-center33 {
    height: 760px;
  }

  .open-play .m-center44 {
    width: 1012px;
  }

  .play-area {
    width: 1040px;
    height: 648px;
    background: #000000;
  }

  .play-list {
    width: 210px;
    padding: 5px;
  }

  .play-list li {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 31px;
    color: #222222;
    line-height: 50px;
    overflow: hidden;
  }

  .play-list li.li2 {
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #777777;
  }

  .play-list li .pic {
    margin-top: 10px;
    margin-right: 10px;
    cursor: pointer;
  }

  .test-con {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: #FFFFFF;
    margin: 0 auto;
  }

  .test-con-list h1 {
    text-align: center;
    font-size: 39px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 56px;
    color: #222222;
    padding: 40px;
    padding-bottom: 0px;
  }

  .test-con-list h4 {
    text-align: center;
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 28px;
    color: #222222;
    padding: 14px;
  }

  .test-con-list h4 label {
    margin-right: 20px;
  }


  .test-c-info {
    border-top: 6px solid #ddd;
    position: relative;
    padding-bottom: 30px;
    min-height: 750px;
  }

  .timu {
    width: 300px;
    margin: 0 auto;
    padding-top: 70px;
  }

  .timu p {
    clear: both;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
  }

  .timu p .fr {
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
  }

  .test-btn {
    text-align: center;
  }

  .test-btn button {
    height: 40px;
    background: #55E4C2;
    opacity: 1;
    border-radius: 6px;
  }


  .arr-area {
    position: absolute;
    left: 0px;
    top: 0;
    width: 335px;
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.4);
    opacity: 1;
    border-radius: 0px 22px 22px 0px;
  }

  .arr-area ul {
    padding: 28px;
  }

  .arr-area li {
    line-height: 60px;
    height: 60px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
  }

  .arr-area li label {
    float: right;
  }

  .arr-area .arrow-ll {
    margin-right: -40px;
    top: 30px;
  }

  .red {
    color: #F65151;
  }

  .green {
    color: #55E4C2;
  }

  .test-tit {
    position: relative;
    height: 110px;
    padding-top: 30px;
    border-bottom: 4px solid #ddd;
  }

  .test-tit .fl {
    position: absolute;
    top: 50px;
    left: 40px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 42px;
    color: #222222;
  }

  .test-tit h1 {
    padding: 0px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 80px;
    color: #55E4C2;
  }

  .test-tit .fr {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 100px;
    height: 40px;
    background: #55E4C2;
    opacity: 1;
    border-radius: 8px;
    text-align: center;
    line-height: 40px;
    font-size: 17px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
  }

  .test-c-area {
    height: 995px;
  }

  .test-left {
    width: 309px;
    float: left;
    border-right: 1px solid #ddd;
    height: 100%;
    padding: 30px;
  }

  .test-left h3 {
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 42px;
    color: #222222;
  }

  .test-left h3 label {
    font-size: 17px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 24px;
    color: #777777;
  }

  .test-left .bt2 {
    font-size: 16px;
    margin-top: 26px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 31px;
    color: #222222;
  }

  .test-left .ta {
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 31px;
    color: #222222;
  }

  .test-left .ta a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
    border-radius: 3px;
    display: inline-block;
    margin: 10px;
  }

  .test-left .ta a:nth-child(5n) {
    margin-right: 0px;
  }

  .test-left .ta a.cur {
    background: #55E4C2;
    border: 1px solid #55E4C2;
    color: #FFFFFF;
  }

  .test-left .ta a.error {
    background: #FF6D6D;
    border-radius: 3px;
    border: 1px solid #FF6D6D;
    color: #FFFFFF;
  }

  .test-right {
    padding: 40px 112px;
    width: 942px;
    float: right;
  }

  .test-right h3 {
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 42px;
    color: #222222;
  }

  .test-right h3 label {
    font-size: 17px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 24px;
    color: #777777;
  }

  .k-tit {
    margin-top: 42px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 31px;
    color: #222222;
  }

  .test-right .tt1 {
    margin-top: 20px;
    line-height: 56px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
  }

  .test-right .tt1 .el-radio__label {
    font-size: 16px;
    padding-left: 10px;
  }

  .test-right .tt1 .el-radio,
  .test-right .tt1 .el-radio__input {
    white-space: normal;
  }

  .test-right .tt1 .el-checkbox__label {
    font-size: 22px;
    padding-left: 10px;
    display: inline;
  }

  .test-right .tt1 .el-radio__inner {

    width: 20px;
    height: 20px;
  }

  .test-right .tt1 .el-checkbox__inner {

    width: 28px;
    height: 28px;
  }

  .test-right .tt1 .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #606266;
  }

  .test-right .tt1 .el-radio__inner::after {
    width: 10px;
    height: 10px;
  }


  .error .el-radio__input .el-radio__inner {
    border-color: #FF6D6D;
    background: #FF6D6D;
  }

  .test-right .error .el-radio__inner::after {
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    display: inline-block;
  }


  .ri-ok .el-radio__input .el-radio__inner {
    border-color: #55E4C2;
    background: #55E4C2;
  }



  .test-right .tt1 .el-checkbox__inner {

    width: 20px;
    height: 20px;
  }

  .test-right .tt1 .el-checkbox__inner::after {
    height: 10px;
    left: 8px;
  }

  .test-right .tt1 .el-checkbox__label {
    font-size: 16px;
    color: #222222;
  }

  .txt-l {
    text-align: left;
  }

  .chengji {
    margin: 20px auto;
    padding: 0 86px;
    background: url("/static/img/cj-bg.png") no-repeat 0px 0%;
    background-size: 100% auto;
    width: 536px;
    height: 578px;
  }

  .chengji h3 {
    padding-top: 30px;
    text-align: center;
    font-size: 40px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 70px;
    color: #222222;

  }

  .chengji h4 {
    text-align: center;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 24px;
    color: #777777;
    padding: 0px;
  }

  .chengji ul {
    height: 200px;
    text-align: center;
  }

  .tx-tj li {
    width: 50%;
    float: left;
  }

  .tx-tj li h1 {
    display: flex;
    align-content: center;
    align-items: center;
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 56px;
    color: #222222;

  }

  .tx-tj li h1 img {
    margin-right: 10px;
  }

  .tx-tj li p {
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 56px;
    color: #222222;
  }

  .chengji .t-name {
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 56px;
    color: #777777;
    text-align: left;
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 50px;
  }

  .chengji .tx-df {
    height: 100px;
    text-align: left;
    padding: 20px 0;
    padding-left: 50px;
  }

  .chengji .tx-df li {
    width: 50%;
    float: left;
    line-height: 30px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #777777;
  }


  .h90 {
    height: 90px;
  }

  .btn-see {
    margin: 0 auto;
    line-height: 46px;
    background: linear-gradient(34deg, #B1ADFF 0%, #76A6F5 100%);

    font-size: 22px;
    font-family: PingFang SC;
    font-weight: 400;
    text-align: center;
    color: #FEFEFE;

    width: 120px;
    height: 46px;
    background: linear-gradient(34deg, #B1ADFF 0%, #76A6F5 100%);

    border-radius: 58px;
  }


  /************/
  .container_login {
    width: 100%;
    height: 100vh;
    background: url(/static/img/login_bg.png) no-repeat center;
    background-size: 100% 100%;
  }

  .login-wrap {
    margin: auto;
    width: 1200px;
    height: 100%;
    display: flex;
    justify-content: space-between;
  }

  .login-left {
    flex: 1;
    position: relative;
  }

  .login-ad {
    width: 500px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
  }

  .login-ad img {
    width: 100%;
  }

  .login-right {
    width: 500px;
    position: relative;
  }

  .login-box {
    width: 100%;
    position: absolute;
    top: 50%;
    padding: 50px;
    transform: translate(0, -50%);
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  }

  .login-box .login-title {
    color: #004161;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
  }

  .login-box .login-con {
    width: 400px;
    margin: auto;
  }

  .login-box .bkb {
    cursor: pointer;
    margin-top: 20px;
    width: 140px;
    line-height: 40px;
    height: 40px;
    padding-left: 40px;
    border-radius: 10px 0px 0px 10px;
    background: #55E4C2 url(/static/img/bkb_login.png) no-repeat 10px 50%;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    float: right;
    margin-right: -50px;
  }

  .login-box .con-item {
    display: flex;
    margin-bottom: 20px;
    position: relative;
  }

  .login-box .item-ipt {
    flex: 1;
    text-align: center;
    color: #AAAAAA;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;
    width: 460px;
    height: 66px;
    background: #FFFFFF;
    border: 2px solid #EEEEEE;
    border-radius: 33px;
    overflow: hidden;
  }

  .login-box .login-ipt-img {
    width: 16px;
    margin-left: 42px;
    margin-top: 24px;
  }

  .login-box .login-ipt {
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    border: 0px;
    color: #222222;
    display: flex;
    justify-content: center;
    align-content: center;
  }

  .login-box .item-check {
    flex: 1;
  }

  .login-box .forget-pwd-btn {
    color: #222222;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
  }

  .login-box .login-btn {
    display: block;
    margin: 10px auto;
    width: 100%;
    height: 60px;
    border-radius: 50px;
    background-color: #55E4C2;
    border: #55E4C2;
    font-size: 26px;
  }

  .login-box .login-method-tit {
    height: 40px;
    border-top: 2px solid #F5F5F5;
    padding: 40px;
    text-align: center;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 22px;
    color: #AAAAAA;
  }

  .login-box .login-other {
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
  }

  .login-box .login-method {
    width: 60px;
    height: 60px;
    margin: 0 50px;
    cursor: pointer;
  }

  .forget-pwd {
    width: 100%;
    position: absolute;
    top: 50%;
    padding: 50px;
    transform: translate(0, -50%);
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  }

  .code-btn {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 116px;
    height: 54px;
    background: #55E4C2;
    border-radius: 25px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    border: 0;
  }

  .login-ipt-img {
    width: 16px;
    margin-left: 42px;
    margin-top: 24px;
  }

  .login-ipt {
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    border: 0px;
    color: #222222;
    display: flex;
    justify-content: center;
    align-content: center;
  }

  .container_login .el-input__inner {
    margin-left: 40px;
    height: 64px;
    width: calc(100% - 40px);
    border: 0px;
    line-height: 64px;
  }

  .container_login .el-input__inner &::placeholder {
                                       color: #999;
                                       font-size: 18px;
                                     }

  .container_login .el-input__inner .el-input__prefix {}

  /* 设置选中后的文字颜色 */
  .container_login .myRedCheckBox .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #222222;
  }

  /* 设置选中后对勾框的边框和背景颜色 */
  .container_login .myRedCheckBox .el-checkbox__input.is-checked .el-checkbox__inner,
  .myRedCheckBox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    border-color: #55E4C2;
    background-color: #55E4C2;
  }

  /* 设置checkbox获得焦点后，对勾框的边框颜色 */
  .container_login .myRedCheckBox .el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #55E4C2;
  }


  .forget-pwd {
    width: 100%;
    position: absolute;
    top: 50%;
    padding: 50px;
    transform: translate(0, -50%);
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  }

  .forget-pwd .item-switch {
    width: 100%;
    text-align: right;
  }

  .forget-pwd .item-tip {
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 17px;
    color: #F6402B;
  }

  .forget-pwd .item-ipt {
    flex: 1;
    text-align: center;
    color: #AAAAAA;
    font-weight: 400;
    font-size: 16px;
    cursor: pointer;

    width: 460px;
    height: 66px;
    background: #FFFFFF;
    border: 2px solid #EEEEEE;
    border-radius: 33px;
    overflow: hidden;
  }

  .login-wrap .login-right .forget-pwd .login-title {
    color: #004161;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
  }

  .login-wrap .login-right .forget-pwd .login-con .con-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    position: relative;
  }

  .con-item .code-btn {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 116px;
    height: 54px;
    background: #55E4C2;
    border-radius: 25px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    border: 0;
  }

  .con-item .login-btn {
    display: block;
    margin: 10px auto;
    width: 100%;
    height: 60px;
    border-radius: 50px;
    background-color: #55E4C2;
    border: #55E4C2;
    font-size: 26px;
  }

  /****************/
  a:link {
    text-decoration: none;
  }

  .main-index {
    width: 100%;
    height: 50px;
    background: rgba(255, 255, 255, 0.2);
    opacity: 1;
  }

  .main-index .main-top-center {
    width: 1252px;
    margin: 0 auto;
  }

  .main-index .index-head {
    width: 200px;
    float: left;
    display: flex;
  }

  .main-index .index-item {
    height: 100%;
    font-size: 28px;
    font-weight: bold;
    line-height: 50px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #FFFFFF;
  }

  .index-img {
    padding: 14px 0;
  }

  .index-img img {
    height: 30px;
  }

  .user-info {
    float: right;
    font-size: 16px;
    line-height: 50px;
    color: #FFFFFF;
    opacity: 1;
    display: flex;
  }

  .top-kc {
    margin-right: 30px;
  }

  .user-info .user-img {
    margin-left: 20px;
    margin-top: 10px;
    cursor: pointer;
    height: 32px;
    width: 32px;
  }

  .user-info .user-img img,
  .el-avatar {
    height: 32px;
    width: 32px;
  }

  .container_login .el-dropdown-menu {
    width: 120px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    opacity: 1;
    border-radius: 10px;
    transform: translateY(-20px);
  }

  .container_login .el-dropdown+.el-dropdown {
    margin-left: 15px;
  }

  .container_login .el-icon-arrow-down {
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: #222222;
    opacity: 1;
  }

  .close-img {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
  }

  .close-img img {
    width: 32px;
    height: 32px;
  }

  .container_login .el-avatar>img {
    width: 32px;
    height: 32px;
  }


  .index {
    width: 100%;
    min-height: 100vh;
    position: relative;
  }

  .main {
    margin-top: 180px;
  }

  .main-top {
    width: 820px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .mr0 {
    margin-right: 0px;
  }

  .con-menu {
    width: 400px;
    height: 224px;
    background: #FFFFFF;
    opacity: 1;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    cursor: pointer;
  }

  .con-menu .menu-item {
    font-size: 50px;
    line-height: 60px;
    color: #222222;
    letter-spacing: 8px;
  }

  .main-bottom {
    width: 820px;
    margin: 24px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .main-bottom .con-menu {
    width: 274px;
    height: 194px;
    background: #FFFFFF;
    border-radius: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }

  .main-bottom .con-menu .menu-item {
    font-size: 40px;
    line-height: 48px;
    color: #222222;
  }

  .main-bottom .con-menu2 {
    width: 280px;
    height: 194px;
    background: #FFFFFF;
    opacity: 1;
    border-radius: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }

  .main-bottom .con-menu2 .menu-item {
    font-size: 40px;
    line-height: 48px;
    color: #222222;
  }

  .main-bottom .con-menu3 {
    width: 220px;
    height: 194px;
    background: #FFFFFF;
    opacity: 1;
    border-radius: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
  }

  .main-bottom .con-menu3 .menu-item {
    font-size: 40px;
    line-height: 48px;
    color: #222222;
  }


  .msglist {
    margin: 10px auto;
    width: 1252px;
    height: calc(100% - 100px);
    background: #FFFFFF;
    border-radius: 6px
  }

  .msglist .tit {
    padding-left: 100px;
    padding-right: 17px;
    height: 70px;
    line-height: 70px;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #222222;
  }

  .msglist .go-back {
    cursor: pointer;
    float: right;
    font-size: 22px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 70px;
    color: #222222;
    padding-left: 40px;
    background: url(/static/img/go-back.png) no-repeat center left;
  }

  .msglist .main-conn {
    height: calc(100% - 150px);
  }

  .msglist table {
    width: 100%;
    border: 0px;
  }

  .msglist .ml100 {
    padding-left: 100px;
  }

  .msglist th {
    text-align: left;
    height: 50px;
    line-height: 50px;
    border: 0;
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
    background: #EEEEEE;
  }

  .msglist td {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 50px;
    color: #222222;
  }

  .msglist .see {
    width: 40px;
    height: 24px;
    background: #55E4C2;
    border-radius: 4px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 24px;
    display: block;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
  }

  .w1040 {
    width: 1040px;
  }

  .w200 {
    width: 200px;
  }
}
